// pages/travel/fourth/fourth.js
Page({
  data: {
    currentIndex:0,
    scrollShow:'',
   list:[
     {
       id:'zenmewan',
       name:'怎么玩',
       img1:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601210978189&di=4a2a50bc9c27e1e561428d8a82c61dae&imgtype=0&src=http%3A%2F%2Fi1.bbswater.fd.zol-img.com.cn%2Ft_s1200x5000%2Fg5%2FM00%2F0A%2F0E%2FChMkJldhPQuIEN2YABuBtw010fUAASo6QJyjdcAG4HP901.jpg',
       detail1:'国家级重点风景名胜区AAAA级旅游区——溪口，位于宁波市西南40公里的奉化溪口镇，东靠武岭，南濒剡溪，北靠雪窦山，水绕山环，景色秀丽。',
       img2:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601268779415&di=08595c2f2ed4aba1442991beb39092e8&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180608%2F42d3e095aaa14e30827be0b579c216b1.jpeg',
       detail2:'鲁迅故里景区是绍兴市区保存最完好、最具文化内涵和水乡古城经典风貌的历史街区。1881年9月25日，鲁迅先生就诞生在这里。',
       img3:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601269457386&di=78586a25e3162549d2ba2b2a48f8bf85&imgtype=0&src=http%3A%2F%2Fimg1.qunarzz.com%2Ftravel%2Fd7%2F1806%2F5e%2F34d7f485187442b5.jpg_r_680x509x95_72c1e17c.jpg',
       detail3:'位于舟山的普陀山是观音菩萨的道场，有“海天佛国”的美誉。普济、法雨、慧济三大寺，还有33米高的南海观音立像，是游人香客们都不愿错过的景观。宜人的山海风光是普陀山另一动人之处，漫步千步沙，远眺海上卧佛，非常享受。',
       xikou:'xikou',
       luxun:'luxun',
       putuoshan:'putuoshan'
     },
     {
       id: 'zhunali',
       name: '住哪里',
       img1: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601271368338&di=52bbe22334803b52321942a0111a99bd&imgtype=0&src=http%3A%2F%2Fpavo.elongstatic.com%2Fi%2FHotel870_470%2Fnw_G3m6z6VHeU.jpg',
       detail1:'墨憩酒店（宁波溪口店）\n位于宁波奉化区溪口镇溪南路1号，比邻文昌阁、小洋房、武岭城门、蒋氏故居等风景名胜，坐落于溪口名镇，拥有“千年古镇溪口镇、幽谷飞瀑雪窦山、青山秀水亭下湖”秀水名山中三个各具特色的景系与三里长街及剡溪相依相伴。',
       img2: 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2804317980,817618490&fm=26&gp=0.jpg',
       detail2:'开元曼居·绍兴(鲁迅故里店)\n位于绍兴市中心地段，西距鲁迅故里约60米，东距800年沈园约260米，以此为中心一公里左右范围内，有青藤书屋、陆游纪念馆、秋瑾故居、太平天国壁画、土谷祠等丰富历史遗存，前街后学校，闹中取静，徒步至商业街约5分钟。',
       img3: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601272376519&di=abc5aa89b9192e836e0663a8114dcc4c&imgtype=0&src=http%3A%2F%2Fs2.lvjs.com.cn%2Fuploads%2Fpc%2Fplace2%2F2017-01-14%2F62164773-2845-4240-9527-5b63abb7666d.jpg',
       detail3:'普陀山息耒小庄\n普陀山息耒小庄拥有各式舒适客房，并设有能同时容纳500人就餐的餐厅包厢和海鲜厅，另配有商务、购物、美容、会议、导游等服务，设施精良，是您礼佛、游览、商务、疗养的理想下塌之处。',
       xikou:'moqi',
       luxun:'kaiyuan',
       putuoshan:'shanxi'
     },
     {
      id: 'chishenme',
      name: '吃什么',
      img1: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601273072352&di=34a3d57f55b3ae3d30b924b9f7a99ae1&imgtype=0&src=http%3A%2F%2Fmall.capcc.com.cn%2FStore%2FImage%2F_AutoSave%2FArticle%2F2018%2F02%2F3D58FA7B.jpg',
      detail1:'冰糖甲鱼(宁波)\n甲鱼它裙边宽厚，肉质精实，鲜而不腥，自然生香，咀嚼时有胶质感。甲鱼能补中益气、滋阴养肾、健脾健胃、清热消淤等，是公认的食补优选。吃甲鱼的历史可以追溯到七千年前的河姆渡时期。宁波的老牌饭店状元楼的当家菜就是一道冰糖甲鱼。晶莹软糯，味道鲜甜。',
      img2: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601273215318&di=8f8844cec8cab0d9b86f7dae2f4850ef&imgtype=0&src=http%3A%2F%2Fpic4.zhimg.com%2Fv2-e40a6a5dc6296b179a1df1503d5141a3_b.png',
      detail2:'在宁波有宁波三臭，在绍兴则有绍兴三臭，分别是臭豆腐、臭（霉）苋菜梗、臭冬瓜。第一次到绍兴的游人，极少能接受霉苋菜梗的味道，吃法也是别具一格，就像吃甘蔗一样，外皮是不能吃的，只能吸菜梗的汁。汁水吃起来咸咸的，确是当地人最爱的下饭菜。如果吃不习惯，可以去餐厅点上一个霉苋菜梗烧豆腐，也是霉苋菜梗常见的一个吃法。',
      img3: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601273314914&di=a93fadca66501616bf022e3d09d379e4&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20181011%2F3dc9e35c2b164cef9dbead599279b5e6.jpeg',
      detail3:'舟山鲳鱼，是舟山渔场四大经济鱼类之一。其外貌特征为体侧扁而高，呈卵圆形，银灰色，头小、吻圆、牙细、骨软肉肥，表面无硬刺。'
    }
   ],
    tabHeadTop:0,
    fixed:false,
    scrollTop:0,
    swiperHeight:0
  },
  onLoad: function () {
   
  },
  onReady: function () {
    let that = this
    let query = wx.createSelectorQuery()
    query.select(".tab_wrap").boundingClientRect(function (res) {
       console.log(res.top) //距离页面顶部的距离
      that.setData({
        tabHeadTop: res.top
      })
    }).exec()
    query.select(".item_cont").boundingClientRect(function (res) {
        console.log(res)
      that.setData({
        item_cont: res.height
      })
    }).exec()
  },
  swiperchnage:function(e){
    this.setData({ currentIndex: e.detail.current})
    var tabHeadTop = this.data.tabHeadTop;
    // wx.pageScrollTo({
    //   scrollTop: tabHeadTop
    // })
  },
  tap:function(e){
    var that=this;
    var index=e.currentTarget.dataset.index;
    this.setData({ currentIndex:e.currentTarget.dataset.index});
    var tabHeadTop = this.data.tabHeadTop;
    let query = wx.createSelectorQuery();
    query.selectAll(".item_cont").boundingClientRect(function (res) {
      that.setData({
        item_cont: res[index].height
      })
    }).exec()
    // wx.pageScrollTo({
    //   scrollTop: tabHeadTop
    // })
 
  },
  onPageScroll: function (e) {
    this.setData({ scrollTop: e.scrollTop})
    if (e.scrollTop > this.data.tabHeadTop) {
      this.setData({
        fixed: true,
      })
 
 
    }else{
      this.setData({
        fixed: false
      })
      
    }
  },

  xikou(){
    wx.navigateTo({
      url: '../third/xikou/xikou' 
    })
  },
  luxun(){
    wx.navigateTo({
      url: '../third/luxun/luxun' 
    })
  },
  putuoshan(){
    wx.navigateTo({
      url: '../third/putuoshan/putuoshan' 
    })
  },
  moqi(){
    wx.navigateTo({
      url: '../third/moqi/moqi' 
    })
  },
  kaiyuan(){
    wx.navigateTo({
      url: '../third/kaiyuan/kaiyuan' 
    })
  },
  shanxi(){
    wx.navigateTo({
      url: '../third/shanxi/shanxi' 
    })
  },
 
})
